<%--
  User: 夏汛
  Date: 11-11-26
  Time: 下午11:09
--%>
<%@ page contentType="text/html; charset=utf-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="<%=basePath%>">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>系统登录</title>
        <style>
            body {
                background-image: url(images/body_bg.gif);
                background-repeat: repeat-x;
            }
            td {
                font-size: 12px;
            }
            input {
                border: #999 1px solid;
            }
            div#nifty {
                background: #abd4ef;
                margin: 100px 10% 0px;
                width: 420px;
                height: 260px;
                word-break: break-all
            }
        </style>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("input[type='text']").bind("mousedown",function(){
                    $("#message").html("");
                });
                $("input[type='password']").bind("mousedown",function(){
                    $("#message").html("");
                });
                $('#kaptchaImage').click(function () {
                    $(this).attr('src', 'kaptcha.jpg?' + Math.floor(Math.random()*100) );
                });
            });
        </script>
    </head>
    <body>
            <center>
                <div id="nifty">
                    <div style="font-size: 12px; background: none transparent scroll repeat 0% 0%; width: 403px; line-height: 26px; height: 26px; text-align: left">
                        系统登录
                    </div>
                    <div style="background: #166ca3; width: 403px; height: 46px;">
                        <table style="width: 100%; height: 100%">
                            <tr>
                                <td style="background-image: url(images/loginy.jpg); font-size: 20px; color: White;">
                                    科研管理系统
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="border-right: 1px solid #649eb2; background: #fff; border-left: 1px solid #649eb2; width: 403px; height: 131px">
                        <form action="user/login.do" method="post">
                            <table cellspacing="3" cellpadding="0" width="100%" border="0" style="line-height: 25px; height: 100px">
                                <tr>
                                    <td width="35%" height="25" align="right">
                                        <strong>用户名：</strong>
                                    </td>
                                    <td height="25" colspan="2" align="left">
                                        <input type="text" name="name" style="width:150px; height:20px;">
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" height="25">
                                        <strong>密&nbsp;&nbsp;码：</strong>
                                    </td>
                                    <td height="25" colspan="2" align="left">
                                       <input type="password" name="password" style="width:150px; height:20px;">
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" height="25">
                                        <strong>验证码：</strong>
                                    </td>
                                    <td width="23%" height="25" align="left"> <input name="kaptcha" type="text" style="width:70px; height:20px;" maxlength="5"></td>
                                    <td width="42%" align="left"><img alt="" id="kaptchaImage" src="kaptcha.jpg" width="100" height="25" /></td>
                                </tr>
                                <tr>
                                    <td align="center" colspan="3">
                                        <input type="submit" value="登录" class="b1" />&nbsp;&nbsp;&nbsp;
                                        <input type="reset" value="重置" class="b1" />
                                    </td>
                                </tr>
                                <tr>
                                  <td id="message" align="center" colspan="3" style="color:red;">${message}</td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div align="center" style="border-right: #649eb2 1px solid; border-top: #ddd 1px solid; font-size: 12px; background: #f7f7e7; margin-bottom: 5px; border-left: #649eb2 1px solid; width: 403px; line-height: 20px; border-bottom: #649eb2 1px solid; height: 50px">
                        pluto_xun@qq.com
                    </div>
                </div>
            </center>
        </body>
</html>